
<template>
 <h1 class="logo" :style="`width: ${props.sidebarCollapse?'64px': '200px'}`">
   <img v-show="!sidebarCollapse" src="@/assets/images/home/logo.png" alt="logo" />
   <img v-show="sidebarCollapse"  src="@/assets/images/home/logo-short.png" alt="logo" />
 </h1>
</template>
<script setup lang="ts">
import {defineProps} from 'vue'
const props = defineProps({
   sidebarCollapse: Boolean,
})
</script>
<style lang="scss" scoped>
.logo{
    height: 100%;
    background: rgba(84, 92, 100,0.8);
    display:flex;
    justify-content: center;
    align-items: center;
   
}
</style>